<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <tiles:insert definition="mensaje"></tiles:insert>
    <logic:present name="unidad">
        <h1><bean:write name="unidad" property="codigo"/></h1><br>
        <h4><bean:write name="unidad" property="descripcion"/></h4>
        <hr>

        <h2>Representantes de la Unidad</h2>
        <div id="paginador"></div>
        <logic:present name="unidad" property="representantes">
            <div id="tableContainer" class="tableContainer">
                <table id="tablaDatos" border="0" cellpadding="0" cellspacing="0" width="70%" class="scrollTable">
                    <thead class="fixedHeader" id="fixedHeader">
                        <tr>
                            <th> Nombre </th>
                            <th> Usuario </th>
                            <th> Correo Electrónico</th>
                            <th> Contacto</th>
                            <th> Consultar Usuario </th>
                        </tr>
                    </thead>

                    <logic:iterate name ="unidad" property="representantes"  id="representante">
                        <tbody class="scrollContent">
                        <td>
                            <bean:write name="representante" property="nombre"/>
                        </td>                                          
                        <td>
                            <bean:write name="representante" property="usuario"/>
                        </td>                          
                        <td>
                            <bean:write name="representante" property="correo"/>
                        </td>
                        <td>
                            <bean:write name="representante" property="contacto"/>
                        </td>
                        <td>
                            <html:form action="/consultarUsuario?method=one" onsubmit="return this">
                                <html:hidden name="representante" property="usuario" />
                                <html:hidden name="representante" property="correo" />
                                <div class="buttons">
                                    <button type="submit" class="regular">
                                        <img src="interfaz/images/buscar.png" alt=""/>
                                        <bean:message key="boton.buscar" />
                                    </button>
                                </div>
                            </html:form>
                        </td>
                        </tbody>
                    </logic:iterate>
                    <table>
                        <tr>                    
                            <td>
                                <html:form action="/agregarUsuario.do?method=populate" onsubmit="return this">
                                    <div class="buttons">
                                        <html:hidden name="unidad" property="codigo"/>
                                        <button type="submit" class="positive">
                                            <img src="interfaz/images/agregar.png" alt=""/>
                                            <bean:message key="boton.agregar"/>
                                        </button>
                                    </div> 
                                </html:form>
                            </td>
                        </tr>
                    </table>

            </div>
        </logic:present>
        <logic:notPresent name="unidad" property="representantes">
            <div> No hay representantes para esta unidad </div>
            <table>
                <tr>                    
                    <td>
                        <html:form action="/agregarUsuario.do?method=populate" onsubmit="return this">
                            <div class="buttons">
                                <html:hidden name="unidad" property="codigo"/>
                                <button type="submit" class="positive">
                                    <img src="interfaz/images/agregar.png" alt=""/>
                                    <bean:message key="boton.agregar"/>
                                </button>
                            </div> 
                        </html:form>
                    </td>
                </tr>
            </table>

        </logic:notPresent>
            <br>
            <hr>
        <br>
        <h2> Categorías de la Unidad:</h2>
        <div id="paginador1"></div>
        <logic:present name="unidad" property="categorias">
            <div id="tableContainer1" class="tableContainer">
                <table id="tablaDatos1" border="0" cellpadding="0" cellspacing="0" width="70%" class="scrollTable">
                    <thead class="fixedHeader" id="fixedHeader1">
                        <tr>
                            <th>Codigo Categoria</th>
                            <th>Nombre</th>
                            <th>Consultar Categoría</th>
                        </tr>
                    </thead>
                    <logic:iterate name ="unidad" property="categorias"  id="categoria">
                        <tbody class="scrollContent">
                        <td>
                            <bean:write name="categoria" property="codigoCategoria"/>
                        </td>                                          
                        <td>
                            <bean:write name="categoria" property="nombre"/>
                        </td>    
                        <td>
                            <html:form action="/consultarCategoria?method=one" onsubmit="return this">
                                <html:hidden name="categoria" property="codigoCategoria" />
                                <html:hidden name="categoria" property="nombre" />                                
                                <html:hidden name="categoria" property="codigoUnidad" />
                                <div class="buttons">
                                    <button type="submit" class="regular">
                                        <img src="interfaz/images/buscar.png" alt=""/>
                                        <bean:message key="boton.buscar" />
                                    </button>
                                </div>
                            </html:form>
                        </td>
                        </tbody>
                    </logic:iterate>
                </table>
                <table>
                    <tr>  
                        <td><html:hidden name="categoria" property="codigoUnidad"/></td>
                        <td>
                            <html:form action="/agregarCategoria.do?method=populate" onsubmit="return this">
                               <html:hidden name="categoria" property="codigoUnidad"/>
                               <div class="buttons">
                                   <button type="submit" class="positive">
                                        <img src="interfaz/images/agregar.png" alt=""/>
                                        <bean:message key="boton.agregar"/>
                                    </button>
                                </div> 
                            </html:form>
                        </td>
                    </tr>
                </table>
            </div>
        </logic:present>
        <logic:notPresent name="unidad" property="categorias" >
            <div> No hay Categorías para esta unidad </div>
            <table>
                <tr>                    
                    <td>
                        <html:form action="/agregarCategoria.do?method=populate" onsubmit="return this">
                            <div class="buttons">
                                <html:hidden name="unidad" property="codigo"/>
                                <button type="submit" class="positive">
                                    <img src="interfaz/images/agregar.png" alt=""/>
                                    <bean:message key="boton.agregar"/>
                                </button>
                            </div> 
                        </html:form>
                    </td>
                </tr>
            </table>
        </logic:notPresent>
            <br>
    </logic:present>
    <script type="text/javascript">

        var p = new Paginador(
        document.getElementById('paginador'),
        document.getElementById('tablaDatos'),
        4
    );
        var q = new Paginador(document.getElementById('paginador1'),
        document.getElementById('tablaDatos1'),4);

        p.Mostrar();
        q.Mostrar();
    </script>



</html>